<%--
  Created by IntelliJ IDEA.
  User: Ryice
  Date: 2018/3/4
  Time: 16:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basepath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    pageContext.setAttribute("basepath",basepath);
%>
<!DOCTYPE html>
<html>
<head>
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>

<div class="index_header">
    <div class="logo">
        <i></i>
        <span class="sysname">
                <a href="./index.do">实验室</a>
        </span>
    </div>
    <ul>
        <li>
            <a>关于</a>
        </li>
        <li>
            <a href="./logout.do">退出</a>
        </li>
        <li>
            <a>登录</a>
        </li>
        <li>
            <span>欢迎</span>
            <span>${userinfo.username}</span>
        </li>
    </ul>
</div>
<div class="index_pick_tabs">
    <div class="lefttop">
        <i>
            <img src="images/leftico.png">
        </i>
        <span>
                一级菜单名称
            </span>

        <div id="packup">
            <i class="icon icon_packup"></i>
        </div>
    </div>

    <ul class="index_tabs">
        <li class="active">
            <span>首页</span>
            <i id="tab_index"></i>
        </li>
    </ul>
</div>
<div class="leftnav">

    <dl class="leftmenu">
        <dd>
            <div class="title">
                    <span>
                        <i class="icon icon_ico1"></i>
                        <a>二级菜单名1</a>
                    </span>
            </div>
            <ul>
                <li class="">
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a id="lef_111" src = "./addMenuView.do" >菜单1</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li class="">
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a id="lef_222" src = "http://www.runoob.com/jquery/jquery-css.html" >菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li class="">
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li class="">
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li class="">
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li class="">
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
            </ul>
        </dd>
        <dd>
            <div class="title">
                    <span>
                        <i class="icon icon_ico1"></i>
                        <a>二级菜单名2</a>
                        <i class="icon_sj"></i>
                    </span>
            </div>
            <ul>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
            </ul>
        </dd>
        <dd>
            <div class="title">
                    <span>
                        <i class="icon icon_ico1"></i>
                        <a>二级菜单名2</a>
                        <i class="icon_sj"></i>
                    </span>
            </div>
            <ul>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
            </ul>
        </dd>
        <dd>
            <div class="title">
                    <span>
                        <i class="icon icon_ico1"></i>
                        <a>二级菜单名2</a>
                        <i class="icon_sj"></i>
                    </span>
            </div>
            <ul>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
            </ul>
        </dd>
        <dd>
            <div class="title">
                    <span>
                        <i class="icon icon_ico1"></i>
                        <a>二级菜单名2</a>
                        <i class="icon_sj"></i>
                    </span>
            </div>
            <ul>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
            </ul>
        </dd>
        <dd>
            <div class="title">
                    <span>
                        <i class="icon icon_ico1"></i>
                        <a>二级菜单名2</a>
                        <i class="icon_sj"></i>
                    </span>
            </div>
            <ul>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
            </ul>
        </dd>
        <dd>
            <div class="title">
                    <span>
                        <i class="icon icon_ico1"></i>
                        <a>二级菜单名2</a>
                        <i class="icon_sj"></i>
                    </span>
            </div>
            <ul>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
            </ul>
        </dd>
        <dd>
            <div class="title">
                    <span>
                        <i class="icon icon_ico1"></i>
                        <a>二级菜单名2</a>
                        <i class="icon_sj"></i>
                    </span>
            </div>
            <ul>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
            </ul>
        </dd>
        <dd>
            <div class="title">
                    <span>
                        <i class="icon icon_ico1"></i>
                        <a>二级菜单名2</a>
                        <i class="icon_sj"></i>
                    </span>
            </div>
            <ul>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
                <li>
                        <span>
                            <i class="icon2 icon_list icon_aclist"> </i>
                            <a>菜单2</a>
                            <i class="icon_sj"></i>
                        </span>
                </li>
            </ul>
        </dd>

    </dl>
</div>
<div class="index_tab_iframe">
    <div class="iframe_main">
        <iframe id="ifr_index" class="iframe_content" src="${basepath}/addMenuView.do"></iframe>
    </div>
</div>
<div class="load ">
    <div class="loading">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
</body>
</html>
